irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Catppuccin] Latte.css
281 lines4.4 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Catppuccin Latte */
3
4* {
5font-family: "JetBrainsMono Nerd Font";
6font-weight: bold;
7min-height: 0;
8/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9font-size: 97%;
10font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13@import "../waybar/style/catppuccin-themes/latte.css";
14
15window#waybar {
16 transition-property: background-color;
17 transition-duration: 0.5s;
18 border-top: 1px solid @flamingo;
19 border-bottom: 3px solid @lavender;
20 background: alpha(@overlay0, 0.3);
21 border-radius: 10px;
22}
23
24window#waybar.hidden {
25 opacity: 0.2;
26}
27
28#taskbar button,
29#workspaces button {
30 box-shadow: none;
31 text-shadow: none;
32 padding: 4px;
33 border-radius: 9px;
34 animation: gradient_f 20s ease-in infinite;
35 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
36}
37
38#taskbar button:hover,
39#workspaces button:hover {
40 border-radius: 10px;
41 color: @overlay0;
42 background-color: @surface0;
43 padding-left: 2px;
44 padding-right: 2px;
45 animation: gradient_f 20s ease-in infinite;
46 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
47}
48
49#workspaces button.persistent {
50 color: @surface1;
51 border-radius: 10px;
52}
53
54#taskbar button.active,
55#workspaces button.active {
56 color: @peach;
57 border-radius: 10px;
58 padding-left: 8px;
59 padding-right: 8px;
60 animation: gradient_f 20s ease-in infinite;
61 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
62}
63
64#workspaces button.urgent {
65 color: @red;
66 border-radius: 0px;
67}
68
69#backlight,
70#backlight-slider,
71#battery,
72#bluetooth,
73#clock,
74#cpu,
75#disk,
76#idle_inhibitor,
77#keyboard-state,
78#memory,
79#mode,
80#mpris,
81#network,
82#power-profiles-daemon,
83#pulseaudio,
84#pulseaudio-slider,
85#taskbar button,
86#taskbar,
87#temperature,
88#tray,
89#window,
90#wireplumber,
91#workspaces,
92#custom-backlight,
93#custom-browser,
94#custom-cava_mviz,
95#custom-cycle_wall,
96#custom-dot_update,
97#custom-file_manager,
98#custom-keybinds,
99#custom-keyboard,
100#custom-light_dark,
101#custom-lock,
102#custom-hint,
103#custom-hypridle,
104#custom-menu,
105#custom-playerctl,
106#custom-power_vertical,
107#custom-power,
108#custom-quit,
109#custom-reboot,
110#custom-settings,
111#custom-spotify,
112#custom-swaync,
113#custom-tty,
114#custom-updater,
115#custom-weather,
116#custom-weather.clearNight,
117#custom-weather.cloudyFoggyDay,
118#custom-weather.cloudyFoggyNight,
119#custom-weather.default,
120#custom-weather.rainyDay,
121#custom-weather.rainyNight,
122#custom-weather.severe,
123#custom-weather.showyIcyDay,
124#custom-weather.snowyIcyNight,
125#custom-weather.sunnyDay {
126 padding-top: 4px;
127 padding-bottom: 4px;
128 padding-right: 6px;
129 padding-left: 6px;
130}
131
132/*-----Indicators----*/
133#custom-hypridle.notactive,
134#idle_inhibitor.activated {
135 color: #39FF14;
136}
137
138#backlight {
139 color: @blue;
140}
141
142#battery {
143 color: @green;
144}
145
146@keyframes blink {
147 to {
148 color: @surface0;
149 }
150}
151
152#battery.critical:not(.charging) {
153 background-color: @red;
154 color: @theme_text_color;
155 animation-name: blink;
156 animation-duration: 3.0s;
157 animation-timing-function: steps(12);
158 animation-iteration-count: infinite;
159 animation-direction: alternate;
160 box-shadow: inset 0 -3px transparent;
161}
162
163#bluetooth {
164 color: @blue;
165}
166
167#clock {
168 color: @yellow;
169}
170
171#cpu {
172 color: @green;
173}
174
175#custom-keyboard,
176#memory {
177 color: @sky;
178}
179
180#disk {
181 color: @sapphire;
182}
183
184#temperature {
185 color: @teal;
186}
187
188#temperature.critical {
189 background-color: @red;
190}
191
192#tray > .passive {
193 -gtk-icon-effect: dim;
194}
195#tray > .needs-attention {
196 -gtk-icon-effect: highlight;
197}
198
199#keyboard-state {
200 color: @flamingo;
201}
202
203#custom-cava_mviz {
204 color: @pink;
205}
206
207#custom-menu {
208 color: @rosewater;
209}
210
211#custom-power {
212 color: @red;
213}
214
215#custom-updater {
216 color: @red;
217}
218
219#custom-light_dark {
220 color: @blue;
221}
222
223#custom-weather {
224 color: @lavender;
225}
226
227#custom-lock {
228 color: @maroon;
229}
230
231#pulseaudio {
232 color: @sapphire;
233}
234
235#pulseaudio.bluetooth {
236 color: @pink;
237}
238#pulseaudio.muted {
239 color: @red;
240}
241
242#window {
243 color: @mauve;
244}
245
246#mpris {
247 color:@lavender;
248}
249
250#network {
251 color: @teal;
252}
253
254#network.disconnected,
255#network.disabled {
256 background-color: @surface0;
257 color: @text;
258}
259
260#backlight-slider slider,
261#pulseaudio-slider slider {
262 min-width: 0px;
263 min-height: 0px;
264 opacity: 0;
265 background-image: none;
266 border: none;
267 box-shadow: none;
268}
269
270#backlight-slider trough,
271#pulseaudio-slider trough {
272 min-width: 80px;
273 min-height: 5px;
274 border-radius: 5px;
275}
276
277#backlight-slider highlight,
278#pulseaudio-slider highlight {
279 min-height: 10px;
280 border-radius: 5px;
281}